@model IEnumerable<Campus.Entities.Responsable>

@*@model IPagedList<Campus.Entities.Responsable>
*@

@using CampusSite.Models;

@{
    ViewBag.Title = "Responsable";
}

<script src="../../Scripts/jquery-1.7.2.min.js"></script>

  <div class="form-search well">
      <div class="form-group">

<label>Estados Responsables</label>
 
        <select id="Estados" name="Estados">
		    <option value="-1">Todos</option>                    
            <option value="1">Inicial</option>
            <option value="2">Esperando Aprobacion</option>
            <option value="3">Aprobado</option>                        
        </select>

           &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
@if (ViewBag.UserRol == Constantes.RolAdministrador)
{   
   
        @Html.ActionLink("Crear Nuevo", "Create", null, new {@class = "btn btn-primary" })
   
}

    </div>
      </div>
<div id="contenido" style="margin-top:40px">
    @Html.Partial("_ResponsablesFiltrados", Model)
</div>



<script lang="javascript">
    $(document).ready(function () {
                
        //selecciono el valor pre seleccionado                
        $("#Estados option[value=" + @ViewBag.KeyName + "]").attr("selected", true);

        $("#Estados").change(function () {
            
        $.ajax({
            url: '/Responsables/FiltrarPorEstado',
            type: 'POST',
            data: { page: null, keyname: $('#Estados option:selected').val() },
            cache: false,
                success: function (retorno) {
                    $("#contenido").html(retorno);
                    //$('td').highlight($("#txBusqueda").val());
                    //$('h3').text('Se han encontrado ' + $('.highlight').length + ' coincidencias');
                },
            error: function(data, status, jqXHR) { alert(jqXHR); }
        });
        });


        @*$(document).load(function () {
            @{                 
                MvcHtmlString micontenido =  Html.Partial("_ResponsablesFiltrados", Model) ;
             }
             $("#contenido").html('@micontenido');
         });*@


});

</script>


